/*
 *
 * (c) Copyright Ascensio System Limited 2010-2023
 * 
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * http://www.apache.org/licenses/LICENSE-2.0
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 *
*/


@import "params.less";
@import "base.less";
#voip-calls-view {
    .call-type-icon {
        display: block;
        float: left;
        width: 16px;
        height: 16px;
        background: url("../images/voip_call_icons_sprite.png") no-repeat;
        margin-right: 3px;

        &.answered {
            background-position: 0 0;
        }

        &.missed {
            background-position: 0 -16px;
        }

        &.outgoing {
            background-position: -16px 0;
        }

        &.play {
            position: relative;
            background-position: 0 -32px;
            cursor: pointer;

            &:hover {
                background-position: -16px -32px;
            }
        }

        &.pause {
            background-position: -16px -16px;
        }
    }

    #call-info-box {
        margin-top: 20px;

        .call-info-row {
            height: 26px;
            line-height: 26px;

            .call-info-title {
                margin-right: 5px;
                color: #83888D;
            }
        }
    }

    #call-redirections-list {
        margin-top: 10px;

        .call-redirection-agent {
            padding-left: 5px;
        }

        .call-redirection-waiting-time, .call-redirection-duration {
            width: 100px;
            text-align: center;
        }
    }

    #play-record-not-support-box {
        display: none;
    }

    #calls-list {
        display: none;

        .call-row {
            .toggle-redirections-btn {
                cursor: pointer;
                font-size: 11px;
                margin-left: 5px;
                border-bottom: 1px dotted;
            }
        }

        .redirection-row {
            display: none;

            .call-type-icon.hide {
                background-image: none !important;
            }
        }

        .call-type {
            width: 60px;
            padding-left: 5px;
            text-align: left;
        }

        .call-date {
            width: 120px;
            text-align: left;

            a {
                text-decoration: none;
                color: @text-color;
                font-size: 12px;

                &:hover {
                    text-decoration: underline;
                }
            }
        }

        .call-agent {
            text-align: left;
        }

        .call-client {
            text-align: left;
        }

        .call-duration {
            text-align: left;
        }

        .call-cost {
            text-align: left;
        }
    }

    #voip-calls-empty-filter-box, #voip-calls-empty-list-box {
        display: none;
    }

    #call-record-play-panel {
        display: none;
        position: absolute;
        top: -5px;
        left: -5px;
        width: 205px;
        height: 20px;
        cursor: default;

        #call-record-play-panel-loader {
            display: none;
            position: relative;
            float: left;
            margin-top: 2px;
            margin-right: 3px;
        }

        .call-type-icon {
            display: none;
            margin-top: 1px;
            cursor: pointer;
        }

        #call-record-play-panel-progress {
            display: block;
            float: left;
            width: 130px;
            height: 12px;
            margin: 4px 0;
            background-color: @border-color;

            #call-record-play-panel-progress-percentage {
                display: inline-block;
                width: 0;
                height: 12px;
                .bg-vertical-gradient(#5badda, #2784b4);
            }
        }

        #call-record-play-panel-timer {
            float: right;
            margin-left: 2px;
            font-size: 11px;
            line-height: 20px;
        }

        .stop {
            float: right;
            margin-top: 2px;
            margin-left: 2px;
        }
    }
}

#calls-filter {
    display: none;
}

#calls-paging {
    display: none;
        
    margin-top: 20px;
    width: 100%;

    #calls-paging-stat-box {
        text-align: right;

        > span {
            color: #666;
        }

        .tl-combobox {
            vertical-align: middle;

            .inner-text {
                color: #666;
            }
        }

        #calls-paging-items-count {
            margin-right: 20px;
        }
    }
}